<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="frontend/common/header :: header">
</head>
<script th:src="@{/frontend/js/MagicZoom.js}" type="text/javascript"></script>

<body>
<div class="mianCont">
    <div th:replace="/frontend/common/top :: top"></div>
    <div class="pnt">
        <div class="pntLeft">
            <h2 class="Title">所有商品分类
                <ul class="InPorNav">
                    <li th:each="topCategory:${categoryList}">
                        <a href="product.html" th:text="${topCategory.name}"></a>
                        <div class="chilInPorNav">
                            <a th:href="@{/goods/list(categoryId=${subCategory.id})}"
                               th:each="subCategory:${topCategory.sub}" th:text="${subCategory.name}"></a>
                        </div><!--chilLeftNav/-->

                    </li>

                </ul><!--InPorNav/-->
            </h2>
        </div><!--pntLeft/-->
        <div class="pntRight">
            <ul class="nav">
                <li><a href="index.html">商城首页</a></li>
                <li class="navCur"><a href="goods_list.html">促销中心</a></li>
                <li><a href="login.html">会员中心</a></li>
                <li><a href="help.html">帮助中心</a></li>
                <div class="clears"></div>
                <div class="phone">TEL：021-12345678</div>
            </ul><!--nav/-->
        </div><!--pntRight/-->
        <div class="clears"></div>
    </div><!--pnt/-->
    <div class="positions">
        当前位置：<a href="index.html">首页</a> &gt; <a href="#" class="posCur">促销商品</a>
    </div><!--positions/-->
    <div class="cont">
        <div class="contLeft">
            <ul class="leftPorNav">
                <li th:each="topCategory:${categoryList}">
                    <a href="product.html" th:text="${topCategory.name}"></a>
                    <div class="chilInPorNav">
                        <a th:href="@{/goods/list(categoryId=${subCategory.id})}" th:each="subCategory:${topCategory.sub}" th:text="${subCategory.name}"></a>
                    </div><!--chilLeftNav/-->
                </li>
            </ul><!--InPorNav/-->
        </div><!--contLeft/-->
        <div class="contRight" style="border:0;">
            <div class="proBox">
                <div id="tsShopContainer">
                    <div id="tsImgS">
                        <a class="MagicZoom" th:href="${goods.pic}" id="MagicZoom" title="Images">
                            <img height="300" th:src="${goods.pic}" width="300"/>
                        </a>
                    </div>
                    <div id="tsPicContainer">
                        <div id="tsImgSArrL" onclick="tsScrollArrLeft()"></div>
                        <div id="tsImgSCon">
                            <ul>
                                <li class="tsSelectImg" onclick="showPic(0)" rel="MagicZoom"
                                    th:each="p:${#strings.arraySplit(goods.imgs,',')}">
                                    <img height="42" th:src="${p}" width="42"/>

                            </ul>
                        </div>
                        <div id="tsImgSArrR" onclick="tsScrollArrRight()"></div>
                    </div>
                    <!--<img alt="Loading..." class="MagicZoomLoading" height="16" th:src="@{/frontend/images/loading.gif}" width="16"/>-->
                    <script th:src="@{/frontend/js/ShopShow.js}"></script>
                </div><!--tsShopContainer/-->
                <div class="proBoxRight">
                    <h3 class="proTitle" th:text="${goods.name}"></h3>
                    <div>卖点：<span th:text="${goods.salePoint}"> </span></div>
                    <div>会员价：<strong class="red" th:text="'¥'+${goods.price2}"></strong></div>
                    <div>单位：<span th:text="${goods.unit}"></span></div>
                    <div>
                        库存：
                        <strong class="red" th:if="${goods.storage>0}" th:text="[有货]"> </strong> 从上海发货
                        <strong class="red" th:if="${goods.storage <= 0}" th:text="[暂时缺货]">
                    </div>
                    <ul class="rongliang">
                        <li>100ml</li>
                        <li>200ml</li>
                        <li>300ml</li>
                        <li>400ml</li>
                        <li>500ml</li>
                        <div class="clears"></div>
                    </ul><!--rongliang/-->
                    <div class="shuliang2">
                        数量： <input type="text" value="1"/>
                    </div><!--shuliang2/-->
                    <div class="gc">
                        <a href="order.html"><img height="36" th:src="@{/frontend/images/goumai.png}" width="117"/></a>&nbsp;&nbsp;
                        <a href="#"><img height="36" th:src="@{/frontend/images/shoucang.png}" width="117"/></a>
                    </div><!--gc/-->
                </div><!--proRight/-->
                <div class="clears"></div>
            </div><!--proBox/-->
            <ul class="fangyuan">
                <li>商品描述</li>
                <li>商品参数</li>
                <li>商品评论</li>
                <li>商品晒图</li>
                <div class="clears"></div>
            </ul><!--fangyuan/-->
            <div class="fangList">
                <div class="fangPar" th:text="${goods.info}"></div><!--fangPar/-->
                <img height="310" th:src="@{/frontend/images/ban1.jpg}" width="756"/>
            </div><!--fangList/-->
            <div class="fangList">
                商品参数
            </div><!--fangList/-->
            <div class="fangList">
                商品评论
            </div><!--fangList/-->
            <div class="fangList">
                <div th:each="p:${#strings.arraySplit(goods.imgs,',')}">
                    <img height="129" th:src="${p}" width="132"/> <br><br>
                </div>
            </div><!--fangList/-->
        </div><!--contRight/-->
        <div class="clears"></div>
    </div><!--cont/-->
    <div th:replace="/frontend/common/footer :: footer"></div>
</div><!--mianCont/-->
<a href="#" class="backTop">&nbsp;</a>
</body>
</html>
